@value blue: #0e90d2;
@value red: #ff6c60;
@value green: #42cac0;
@value yellow: #f8d347;
@value gray: #999999;

html {
	font-size: 62.5%;
}

:global(.text-bold) {
	font-weight: bold;
}

:global(.text-gray) {
	color: gray;
}

:global(.text-12) {
	font-size: 1.2rem;
}
:global(.text-14) {
	font-size: 1.4rem;
}
:global(.text-16) {
	font-size: 1.6rem;
}
:global(.text-18) {
	font-size: 1.8rem;
}
:global(.text-20) {
	font-size: 2rem;
}
:global(.text-22) {
	font-size: 2.2rem;
}

:global(.vertical-align-top) {
	vertical-align: top;
}

:global(.form-row) {
	line-height: 37px;
}

:global(.cursor-pointer) {
	cursor: pointer;
}

:global(.flex) {
	display: flex;
}

:global(.flex-wrap) {
	flex-wrap: wrap;
}

:global(.flex-nowrap) {
	flex-wrap: nowrap;
}

:global(.flex-cross-baseline) {
	align-items: baseline;
}

:global(.routerTransition-enter) {
	opacity: 0;
	transition: opacity 200ms ease-in;
}

:global(.routerTransition-enter.routerTransition-enter-active) {
	opacity: 1;
}

:global(.routerTransition-leave) {
	transition: transform 200ms ease-out;
}

:global(.routerTransition-leave.routerTransition-leave-active) {
	transform: scale(0,0);
}

.textarea {
	height: 200px;
}

.listItem {
	list-style-type: none;
	cursor: pointer;
	padding: 5px 20px;
}
.listItem:hover {
	background-color: #cccccc;
}
